<link rel="stylesheet" href="css/caseBarWrit.css">
<link rel="stylesheet" type="text/css" href="css/feedback.css"/>
<style>
  .btn-confirm{
    background: #5dc2ae;
  }
</style>
<!--文书-->
<div class="L_caseBarWrit">
  <div class="L_caseBarWrit-Box">
    <div class="L_caseBarWritTit clearfix">
      <div class="L_caseBarWritTitL fl" style="cursor: pointer" ng-click="caseBarWrit.showFolder()">
        文件
        <span ng-if="caseBarWrit.selectedFolder" ng-click="$event.stopPropagation();"> > {{caseBarWrit.selectedFolder.name}}</span>
      </div>
      <div class="L_caseBarWritTitR fr" ng-show="typeIf!=7">
        <a href="JavaScript:void (0);" style="margin-left: 100px" ng-click="caseBarWrit.createFolder()" ng-show="caseBarWrit.createFolderBtn">创建文件夹</a>
        <form ng-show="caseBarWrit.uploadFiles" class="progress-appendix" style="margin-left: 100px">
          <a href="JavaScript:void (0);" style="position: relative">
            上传文件<input type="file" class="appendix-input writ" style="position: absolute">
          </a>
        </form>
      </div>
    </div>
    <!--文书详情列表-->
    <div>
      <ul class="L_caseBarWritTit2 clearfix">
        <li class="fl"><a href="JavaScript:void (0);">文书库</a></li>
        <li class="fl"><span style="font-size: 20px; color:#aec4e5;"> > </span></li>
        <li class="fl"><a href="JavaScript:void (0);">参考资料</a></li>
      </ul>
    </div>
    <div class="L_caseBarWritCont"><!--ng-if="!caseBarWrit.selectedFolder"-->
      <dl>
        <dt class="clearfix" ng-show="caseBarWrit.tabTitle">
          <span class="L_DT-spanA fl">名称</span>
          <span class="L_DT-spanB fl">大小</span>
          <span class="L_DT-spanC fl">创建者</span>
          <span class="L_DT-spanD fl">更新时间</span>
        </dt>
        <dd  class="y-upload clearfix"  ng-repeat="folder in caseBarWrit.folders" ng-click="caseBarWrit.showFolder(folder)"><!--ng-if="folder.files.length"-->
          <span class="L_DD-spanA fl"  >
            <span ng-show="!folder.show" >{{folder.name}}</span>
            <input type="text" ng-model="folder.name" ng-show="folder.show" ng-click="$event.stopPropagation();" ng-blur="caseBarWrit.fileRenamePort(folder)"/>
          </span>
          <span class="L_DD-spanB fl"></span>
          <span class="L_DD-spanC fl"></span>
          <span class="L_DD-spanD fl"></span>
          <div class="showAction" ng-click="$event.stopPropagation();"ng-if="typeIf!=7">
            <!--删除-->
            <a class="L_DD-spanE fr"  href="JavaScript:void (0);" ng-if="folder.folderId > 0" ng-click="caseBarWrit.deleteFolder(folder)"><!--用IP判断-->
              <span></span>
              <i>删除</i>
              <!--<input type="file">-->
            </a>
            <!--文件夹重命名-->
            <a class="L_DD-spanF fr" ng-if="folder.folderId > 0 " ng-click="caseBarWrit.fileRename(folder)">
              <span></span>
              <i>重命名</i>
            </a>



          </div>



          <!--移动文件夹-->
          <!--<a class="L_DD-spanF fr" ng-if="folder.folderId > 0">-->
            <!--<span></span>-->
            <!--<i>移动文件夹</i>-->
          <!--</a>-->



          <!--下载-->
          <!--<a class="L_DD-spanF fr">-->
            <!--<span></span>-->
            <!--<i>下载</i>-->
          <!--</a>-->

          <!--上传--><!--upload-input-->
          <!--<form class="L_DD-spanE fr progress-appendix" href="JavaScript:void (0);" ng-if="folder.folderId > 0">&lt;!&ndash;用IP判断&ndash;&gt;-->
            <!--<span></span>-->
            <!--<i>上传文件</i>-->
            <!--&lt;!&ndash;<form action="" class="progress-appendix">&ndash;&gt;-->
            <!--<input type="file" class="appendix-input">-->
            <!--&lt;!&ndash;</form>&ndash;&gt;-->
          <!--</form>-->
        </dd>

        <!--创建文件夹-->
        <dd  class="L-DD-Folder clearfix" ng-show="caseBarWrit.customFolders">
          <span class="L_DD-FolderSpan fl"></span>
          <input type="text" placeholder="新建文件夹" class="fl" ng-model="caseBarWrit.customFolderName" ng-blur="caseBarWrit.createFolderPort()">
          <!--文件夹删除-->
          <a class="L_DD-FolderA1 fr" ng-click="caseBarWrit.deleteFolder(folder)">
            <span></span>
            <i>删除</i>
          </a>
          <!--移动文件夹-->
          <!--<a class="L_DD-FolderA2 fr">-->
            <!--<span></span>-->
            <!--<i>移动文件夹</i>-->
          <!--</a>-->
          <!--文件夹重命名-->
          <a class="L_DD-FolderA3 fr" ng-click="caseBarWrit.fileRename(folder)">
            <span></span>
            <i>重命名</i>
          </a>
          <!--文件夹的下载-->
          <!--<a class="L_DD-FolderA4 fr">-->
            <!--<span></span>-->
            <!--<i>下载</i>-->
          <!--</a>-->
          <!--上传文件-->
          <!--<a class="L_DD-FolderA5 fr progress-appendix">-->
            <!--<span></span>-->
            <!--<i>上传文件</i>-->
            <!--<input type="file" class="appendix-input">-->
          <!--</a>-->

        </dd>
      </dl>
    </div>

    <div class="L_caseBarWritCont wt-scroll" ng-if="caseBarWrit.selectedFolder">
      <dl>
        <dt class="clearfix">
          <span class="L_DT-spanA fl">名称</span>
          <span class="L_DT-spanB fl">大小</span>
          <span class="L_DT-spanC fl">创建者</span>
          <span class="L_DT-spanD fl">更新时间</span>
        </dt>
        <!--文件列表页-->
        <dd class="Y-DD-InstrList clearfix" ng-repeat="file in caseBarWrit.selectedFolder.files"><!--selectedFolder.files-->
          <span class="Y-DD-InstrListA fl">
            <!--<img src="../../img/y-icon28.png" alt="" style="padding-right: 5px; margin-top: -5px">-->
            <img src="../../img/empty.png" alt="" style="width: 30px;padding-right: 5px; margin-top: -5px">
            {{file.fileoriname || file.fileName || file.name}}
          </span>
          <span class="Y-DD-InstrListB fl">{{file.fileSize}}KB</span>
          <span class="Y-DD-InstrListC fl">{{file.creatorName}}</span>
          <span class="Y-DD-InstrListD fl">{{file.modifiedDate}}</span>

          <a class="Y-DD-InstrListE fr" ng-click="caseBarWrit.fileDelete($index,file)" ><!--ng-if="caseBarWrit.selectedFolder.folderId > 0"-->
            <span></span>
            <i>删除</i>
          </a>
          <!--文书模板-->
          <!---->
          <a class="Y-DD-InstrListF fr" ng-click="caseBarWrit.fileDownload(file)" ng-if="caseBarWrit.selectedFolder.folderId != -1">
            <span></span>
            <i>下载</i>
          </a>

          <a class="Y-DD-InstrListG fr" data-toggle="modal" data-target="#myModalPreview" ng-click="caseBarWrit.filePreview(file)" >
            <span></span>
            <i>预览</i>
          </a>
          <!--<a class="Y-DD-InstrListF fr" ng-click="caseBarWrit.fileDownload(file)">-->
            <!--<span></span>-->
            <!--<i>上传</i>-->
          <!--</a>-->
        </dd>
      </dl>
    </div>
  </div>



  <!--移动文件夹弹窗-->
  <!--<div class="Y-L-Popup">-->
    <!--<div class="Y-L-PopupT">移动文件123至</div>-->
    <!--<ul class="Y-L-PopupC clearfix">-->
      <!--<li class="fl">文件夹</li>-->
      <!--<li class="fl">文件夹</li>-->
      <!--<li class="fl">文件夹</li>-->
      <!--<li class="fl" style="border-right: none">文件夹</li>-->
    <!--</ul>-->

    <!--<div class="Y-L-PopupB clearfix">-->

       <!--<ul class="Y-L-PopupBUL1 fl">-->
          <!--<li>律所案件管理</li>-->
       <!--</ul>-->

       <!--<ul class="Y-L-PopupBUL2 fl">-->
          <!--<div><input type="text" placeholder="文件夹名称" >-->
            <!--<a>确定</a><a style="margin-left:5px; color:#333;">取消</a>-->
          <!--</div>-->
          <!--<li>被告草料</li>-->
          <!--<li>被告草料</li>-->
          <!--<li>被告草料</li>-->
          <!--<li>被告草料</li>-->
          <!--<li>被告草料</li>-->
      <!--</ul>-->

      <!--<ul class="Y-L-PopupBUL3 fl">-->
        <!--<div><input type="text" placeholder="文件夹名称" >-->
          <!--<a>确定</a><a style="margin-left:5px; color:#333;">取消</a>-->
        <!--</div>-->
        <!--<li>独守空房加</li>-->
      <!--</ul>-->

      <!--<ul class="Y-L-PopupBUL4 fl">-->
        <!--<div><input type="text" placeholder="文件夹名称" >-->
          <!--<a>确定</a><a style="margin-left:5px; color:#333;">取消</a>-->
        <!--</div>-->
      <!--</ul>-->
    <!--</div>-->
    <!--<div class="Y-L-PopupFooter clearfix">-->
        <!--<div class="fl">创建文件夹</div>-->
        <!--<button class="fr">保存</button>-->
    <!--</div>-->
  <!--</div>-->

    <!--文书的详细信息-->
  <div class="y-Paperwork-info">
       <div class="y-Paperwork-infoT clearfix">
         <span class="y-Paperwork-return fl"><img src="../../img/y-icon29.png" alt=""></span>
         <span class="fl" style="color:#333; padding-left: 8px; font-size:14px;">起诉状.pdf</span>
         <span class="fl" style="color:#999; font-size: 10px; padding: 3px 0 0 15px;">2017/01/13 23:31</span>
         <a class="y-PaperworkaA fr">
           <span></span>
           <i>删除</i>
         </a>
         <a class="y-PaperworkaB fr">
           <span></span>
           <i>移动</i>
         </a>
         <a class="y-PaperworkaC fr">
           <span></span>
           <i>重命名</i>
         </a>
         <a class="y-PaperworkaD fr">
           <span></span>
           <i style="margin-left: 13px">下载</i>
         </a>
       </div>

    <div class="y-Paperwork-infoC clearfix">
      <!--left-->
        <div class="y-Paperwork-infoCLeft fl">
          <div class="y-Paperwork-show">
            <!--文书详情的展示-->
          </div>
        </div>

      <!--right-->
        <div class="y-Paperwork-infoCright fl">
          <!--上-->
          <div class="y-Paperwork-update">
            <!--更新-->
            <div class="y-Paperwork-updateT clearfix">
              <span class="fl"></span>
              <i class="fl"><input type="file">更新版本</i>
            </div>
            <!--作者-->
            <ul class="y-Paperwork-author">
              <li class="clearfix">
                <span class="fl">柴可 上传于 昨天23:19</span>
                <span class="fr">20k</span>
              </li>
            </ul>
            <!-- 描述信息-->
            <div class="y-Paperwork-describe">
              <!--编辑状态-->
              <div class="edit">
                <textarea name="" id="" cols="38" rows="4" placeholder="请填写描述的信息"></textarea>
                <div class="y-Paperwork-button clearfix">
                  <button class="y-Paperwork-button1 fr" >保存</button>
                  <button class="y-Paperwork-button2 fr">取消</button>
                </div>
              </div>
              <!--非编辑状态-->
              <div class="y-not-edit">
                舍得离开芳姐熟练客服说了
              </div>
            </div>
            <div class="y-Paperwork-allot">
                  <span>分配给</span>
                  <ul class="clearfix">
                    <!--点击关闭已经添加的人员-->
                    <li class="y-Paperwork-addto fl">
                      <img src="../../img/y-icon33.png" alt="">
                      <img src="../../img/z-new-hide.png" alt="" class="y-img-hide">
                    </li>
                    <!--点击添加-->
                    <li class="y-Paperwork-click fl" style="cursor: pointer">
                      <img src="../../img/y-icon34.png" alt="">
                      <!--弹窗-->
                      <div class="y-Paperwork-Location">
                          <span>添加人员</span>
                          <div class="y-word-Name">
                            <input type="text" placeholder="请输入参与人员">
                            <div class="y-word-Div clearfix">
                                <div class="fl"><img src="../../img/y-icon35.png" alt=""></div>
                                <i class="fl">乔丹</i>
                                <button class="fr">添加</button>
                            </div>
                          </div>
                      </div>
                    </li>
                  </ul>
            </div>

          </div>
          <!--下-->
          <div class="y-papelwork-discuss">
            <div class="y-papelwork-CussT"><a>评论</a></div>
            <!--评论-->
            <div class="y-papelwork-CussC clearfix">
              <div class="y-papelwork-CussCT fl">
                <img src="../../img/y-icon33.png" alt="">
              </div>
              <div class="y-papelwork-CussCC fl">
                  <div><span style="color:#666; padding-right:28px;font-size:14px;">琼达</span>
                  <span style="color:#999; font-size: 10px;">2016-9-10 17：56</span></div>
                  <div style="color:#7a7a7a; font-size: 14px;">真是个可爱的男孩子~</div>
              </div>
            </div>
            <!--评论回复-->
            <div class="y-papelwork-CussC clearfix">
              <div class="y-papelwork-CussCT fl">
                <img src="../../img/y-icon33.png" alt="">
              </div>
              <div class="y-papelwork-CussCC fl">
                <div><span style="color:#666; padding-right:28px;font-size:14px;">琼达</span>
                  <span style="color:#999; font-size: 10px;">2016-9-10 17：56</span></div>
                <div style="color:#4e4e4e; font-size: 14px;">
                  <em style="color:#a7a7a7">回复</em>琼达:我也这么认为</div>
              </div>
            </div>
            <div class="y-paperwork-enter">
              <input type="text" placeholder="@提及他人，按Enter快速发布。">
            </div>

          </div>

        </div>

    </div>

  </div>



</div><!--最外面的div-->

<!--文件预览弹窗-->
<div class="modal fade" id="myModalPreview" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <!--<div class="modal-content" style="width: 900px;height: 700px">-->
    <!--<div class="modal-header" style="width: 900px;height: 700px">-->
    <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
    <!--&lt;!&ndash;<h4 class="modal-title" id="myModalLabel"></h4>&ndash;&gt;-->
    <!--</div>-->
    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: #ffffff;opacity: 1">
      <span aria-hidden="true" style="color: #ffffff;opacity: 1">&times;</span>
    </button>

    <!--<div class="modal-body" style="width: 900px;height: 700px">-->
    <!--<div  class="y-preview-popup" ng-show="caseBarWrit.filePreviewWindow">-->
    <!--<div class="clearfix">-->
    <!--<img class="y-preview-img fr" src="../../img/close.png" alt="" ng-click="caseBarWrit.filePreviewClose()" style="cursor: pointer">-->
    <!--</div>-->
    <img class="y-preview-img2" ng-src="{{filePreViewHref}}"  />
    <pdf-viewer id="pdfViewerCanvas"
                delegate-handle="my-pdf-container"
                url="pdfUrl"
                scale="1"
                show-toolbar="true"
                headers="{ 'x-you-know-whats-awesome': 'EVERYTHING' }"></pdf-viewer>
    <!--</div>-->
    <!--</div>-->
    <!--<div class="modal-footer"></div>-->
    <!--</div>-->
  </div>
</div>


<script>
  /*设置屏幕高度*/
  (function () {
    setHeight();
    function setHeight() {
      var height = $(window).height() + 'px';
      var minHeight = $(window).height()-20 + 'px';
      $(".L_caseBarWrit").css("height",height);
      $(".L_caseBarWrit-Box").css("height",minHeight);
    };
    $(window).resize(function() {
      setHeight();
    });
  }())
</script>
